{% extends "base_helpOnline.html" %}
{% load staticfiles %}

{% block introductionContent %}
<div class="panel">
	<div class="panel-body">
		<p>厦门大学“图灵课堂”，旨在为同学们提供计算机/编程相关的学业辅导和知识科普，帮助学生们提高相关课程学习质量，服务学生更好的利用计算机工具。</p>

	</div>
</div>
{% endblock %}

{% block Homepage %}
<div class="panel">
	<div class="panel-body">
		<h3>1、如何进入主页？</h3>
		在图灵系统其他页面单击左上角“Turing”图标或右上角“主页”即可跳转至主页。
		<img src="{% static 'image_help/homepage_1.png' %}" alt="" class="img-instruction">
		<h3>2、如何查看问题？</h3>
		在主页页面可以看到问题的详情，如标签、作者、点赞数、回帖数和访问量等：
		<img src="{% static 'image_help/homepage_2.png' %}" alt="" class="img-right">
		<h3>3、怎么使用搜索？</h3>
		搜索框可以让你迅速找到自己感兴趣的帖子，可以输入提问者id、问题标签、问题关键字等信息。
		<img src="{% static 'image_help/search.png' %}" alt="" class="img-instruction">
		<img src="{% static 'image_help/homepage_4.png' %}" alt="" class="img-right">

	</div>
</div>
{% endblock %}

{% block SignIn %}
<div class="panel">
	<div class="panel-body">
		<h3>1、如何登录？</h3>
		进入图灵系统单击页面右上角的“登录”可进入用户登录页面：
		<img src="{% static 'image_help/signin_1.png' %}" alt="" class="img-instruction">
		<br />
		<br />

		<p>
		填写用户id和密码即可登录系统:
		<img src="{% static 'image_help/signin_2.png' %}" alt="" align="bottom">
		</p>
		<h3>2、如何注册？</h3>
		<p>
		进入图灵系统单击页面右上角的“登录”进入用户登录页面，
		<br />
		单击右下角“注册”按钮开始注册，
		<br />
		填写用户名、密码、昵称、邮箱等个人信息提交即可。
		</p>
		<div align="center"><img src="{% static 'image_help/signin_3.png' %}" alt=""></div>
		

	</div>
</div>
{% endblock %}

{% block Question %}
<div class="panel">
	<div class="panel-body">
		<h3>1、如何提问？</h3>
		进入图灵系统点击页面右上方的"提问"可跳转至问题编辑页面，
		<img src="{% static 'image_help/question_1.png' %}" alt="" class="img-instruction">
		<br />
		填写问题后点击页面右下角“发布”即可发布问题。
		<h3>2、如何在问题中添加源代码？</h3>
		点击问题编辑栏中的“源码”，即可在内容中添加源代码。
		<h3>3、如何使用问题/回答编辑栏？</h3>
		利用编辑栏中的工具栏可以使问题/回答更方便美观，如文字加粗（B）、倾斜（I）、添加编号、选择样式、插入表格、图片以及源码等。
		<img src="{% static 'image_help/question_3.png' %}" alt="">
		<h3>4、问题长度有何限制？</h3>
		问题内容长度不允许超过10000个字，不能少于10个字。
		<h3>5、如何查看最新回复？</h3>
		提问后，在个人中心处可查看最新回复。
		<img src="{% static 'image_help/question_4.png' %}" alt="" class="img-right">
		<h3>6、如何让问题得到更多人回复？</h3>
		问题编辑栏下方“添加标签”栏，选择相应的标签可让问题更加醒目。
		<img src="{% static 'image_help/question_2.png' %}" alt="" class="img-right">

	</div>
</div>
{% endblock %}

{% block Answer %}
<div class="panel">
	<div class="panel-body">
		<h3>1、如何答题？</h3>
		点击主页相应的问题可跳转至答题编辑页面，编辑答题内容后点击页面右下角“发布”即可答题。
		<h3>2、如何在答题中添加源代码？</h3>
		点击编辑栏中的“源码”，即可在内容中添加源代码。
		<img src="{% static 'image_help/answer_1.png' %}" alt="">
		<h3>3、如何在答题中添加图片？</h3>
		点击编辑栏中的图片图标进入图像上传页面:
		<br />
		<img src="{% static 'image_help/answer_2.png' %}" alt="">
		<br />
		单击上传，选择本地图片并上传到服务器:
		<br />
		<table border="0" cellspacing="100"><tr>
            <td><img src="{% static 'image_help/answer_3.png' %}" width=370 height=370></td>
            <td><img src="{% static 'image_help/answer_4.png' %}" width=370 height=370></td>
        </tr></table>
        <br />
        <p>
        <img src="{% static 'image_help/answer_5.png' %}" width=400 height=400 align="top">
        根据需要可在图像信息区调整图片的大小、边框、对齐方式等。
        </p>
		<!--<img src="{% static 'image_help/answer_4.png' %}" alt="">
		<img src="{% static 'image_help/answer_5.png' %}" alt="">
		<img src="{% static 'image_help/answer_6.png' %}" alt="">-->
		<h3>4、答题长度有何限制？</h3>
		问题内容长度不允许超过10000个字，不能少于10个字。
		<h3>5、如何查看最新回复？</h3>
		提问后，在个人中心处可查看最新回复。
		<br />
		<img src="{% static 'image_help/answer_6.png' %}" alt="">
		在答题编辑栏下发勾选“邮箱接收最新回复”，最新回复会通过电子邮件发送到与答题账号绑定的邮箱。


	</div>
</div>
{% endblock %}


{% block DownloadArea %}
<div class="panel">
	<div class="panel-body">
		<h3>1、如何下载文件？</h3>
		进入图灵系统点击页面右上方的"下载专区"可跳转至下载文件页面，点击 “下载”即可下载文件。
		<img src="{% static 'image_help/download.png' %}" alt="" class="img-instruction">
		<h3>2、如何上传文件？</h3>
		进入图灵系统点击页面右上方的"下载专区"可跳转至下载文件页面，点击 “上传文件”即可打开文件上传窗口：
		<br />
		<img src="{% static 'image_help/upload_1.png' %}" alt="">
		<br />
		点击“上传”按钮选择上传文件，选择文件后将自动开始上传;完成上传后点击“结束”回到下载专区，上传文件的文件名为"原文件名_上传时间_上传人"。<br />
		<div align="center"><img src="{% static 'image_help/upload_2.png' %}" alt=""></div>
		上传完成：
		<div align="center"><img src="{% static 'image_help/upload_3.png' %}" alt=""></div>
		<h3>3、如何删除已上传的文件？</h3>
		进入图灵系统点击页面右上方的"下载专区"可跳转至下载文件页面，在已上传的文件处点击“删除”即可删除已上传的文件。
		<br />
		<div align="center"><img src="{% static 'image_help/upload_3.png' %}" alt=""></div>
		<br />
		下载专区文件已删除：
		<br />
		<div align="center"><img src="{% static 'image_help/upload_4.png' %}" alt=""></div>

	</div>
</div>
{% endblock %}

{% block PersonalData %}
<div class="panel">
	<div class="panel-body">
		<h3>1、如何查看个人信息？</h3>
		在系统页面点击个人图标，即可进入个人中心。
		<img src="{% static 'image_help/personal_1.png' %}" alt="" class="img-instruction">
		<br />
		“最新动态”统计个人使用信息，包括回答问题数、获赞数、提问数等，在底部可以看到最新回复。
		<img src="{% static 'image_help/personal_2.png' %}" alt="" class="img-right">
		<br />
		“个人信息”显示当前用户的详细信息，可以进行个人信息的编辑与修改。
		<div align="center"><img src="{% static 'image_help/personal_3.png' %}" alt="" class="img-right"></div>
		<div align="center"><img src="{% static 'image_help/personal_4.png' %}" alt=""></div>

	</div>
</div>
{% endblock %}

{% block OnlineTest %}
<div class="panel">
	<div class="panel-body">
		<h3>1、如何进行在线考试？</h3>
		在系统页面点击“我要答题”，即可进入线上考试界面。
		<img src="{% static 'image_help/test_1.png' %}" alt="" class="img-instruction">
		<br />
		在线上考试界面选择考试科目，点击开始考试即可进行考试：
		<br />
		<table border="0" cellspacing="100"><tr>
            <td><img src="{% static 'image_help/test_2.png' %}"></td>
            <td><img src="{% static 'image_help/test_3.png' %}"></td>
        </tr></table>
		试卷页面如下：<br />
		<img src="{% static 'image_help/test_9.png' %}" alt="" class="img-right">
		<h3>2、怎样结束答题？</h3>
		答题完毕后，点击试卷页面末的“结束答题”按钮即可提交答案：
		<img src="{% static 'image_help/test_4.png' %}" alt="" class="img-instruction">
		<br />
		点击“结束答题”后如果有题目尚未作答，提交时会出现警告：
		<br />
		<div align="center"><img src="{% static 'image_help/test_5.png' %}" alt=""></div>
		<br />
		如果完成答题，则会提醒是否确认提交答案：
		<br />
		<div align="center"><img src="{% static 'image_help/test_6.png' %}" alt=""></div>
		<h3>3、怎样查看考试结果？</h3>
		提交答案后即可跳转至考试结果页面，在此处可查看成绩、题目答案及解析。
		<br />
		<img src="{% static 'image_help/test_7.png' %}" alt="" class="img-right">
		<h3>4、怎样获取成绩排名？</h3>
		在参与考试页面选择要查询的科目，点击“查询排名”即可获取所参与科目的成绩排名：
		<img src="{% static 'image_help/test_8.png' %}" alt="">

	</div>
</div>
{% endblock %}

{% block AwardMechanism %}
<div class="panel">
	<div class="panel-body">
		<h3>1、志愿者</h3>
		图灵课堂欢迎你的加入！
		<br />
		（1）线上答题志愿者：及时回答线上同学们提出的问题，能够反馈系统的不足，提出完善的意见和建议。
		<br />
		（2）电脑义诊志愿者：学习清灰技能，重装系统、装软件、配置开发环境、整理电脑常见问题及信息安全知识。
		<br />
		有意报名网站志愿者的同学请发送姓名，学号，年级，联系电话以及想担任志愿者的时长（每次报名的时长应不少于一个月）至邮箱2357995982@qq.com
		<p>
		网站志愿者每回答一个问题可以获得3分的积分，每个月30号会对志愿者的积分进行统计，每累计15个积分便可获得一个工时，对于长期报名的志愿者当月积分不足15分的部分可以累计到下个月。
		<br />
		每月30号会整理当月积分表并进行公示，积分表内容应包括起始日期，终止日期，上个月未转换的积分，志愿者回答的问题数目，累计的积分，可以兑换的积分。
		</p>
		<h3>2、团队成员</h3>
		成为团队成员，你将拥有：
		<br />
		（1）团队成员将拥有丰富的项目开发经验，提升团队合作能力，掌握ps工具，HTML、CSS、JS等技术，bootstrap框架和jQuery库
		<br />
		（2）有机会加入信息学院网络文化中心研发部，综测加分，工时奖励，表现优异者还有证书
		<br />
		（3）成为项目创始人，将项目传承下去
		<br />
		<strong>工时奖励细则：</strong>
		<p>
		（1）根据成员的评分情况（以工作完成进度、技术文档及周报为参考），分别奖励工时20（评分90~100）、15（评分80~89）、10（评分60~79）、4（评分低于60）。
		（2）根据小组互评情况，互评得分最高的前三名成员分别获得10、8、5个工时奖励。
		</p>

	</div>
</div>
{% endblock %}